<!doctype html>

<html>

    <head>
        <title>Meterserv Home</title>
        <link rel="stylesheet" type="text/css" href="/static/meterserv.css" />
        
        <script type="text/javascript" src="/static/jquery.js"></script>
        
        <script type="text/javascript">
                                jQuery(document).ready(function() {
                                jQuery(".button").click(function() {
                                        var input_string = $$("input#textfield").val();
                                        jQuery.ajax({
                                                type: "POST",
                                                data: {textfield : input_string},
                                                success: function(data) {
                                                jQuery('#foo').html(data).hide().fadeIn(1500);
                                                },
                                                });
                                        return false;
                                        });
                                });
        
                        </script>
    </head>
    
    <body>
      <h1>Meterserv Home</h1>
      <ol>
	<li><a href="/admin">Admin - Change Meter Settings</a></li>
	<li><a href="/list">List Meter Readings</a></li>
      </ol>
    </body>
    
</html>
